<include file="Member:Member-left" />
<script type="text/javascript" src="../Public/Js/Region.js"></script>

<div class="col2">
        <div class="list1">
          <div class="list1_title">Shipping Address</div>
          <div class="list2_content">
            <div class="address">
             <form method="POST" action="{:U('Member-Index/doShippingAddress')}" name="doShippingAddress"  onsubmit="return Validator.Validate(this,2);">
              <fieldset>
                    <legend>Member Information</legend>
                    <div class="information">NOTE: You can change your member information here .</div>
                    
                    
<input type="hidden" name="id" size="30" value="{$memberInfo.id}">
                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                     <tr>

            <th colspan="2" style="padding-left:10px;font-weight:bold" align="left">1.Your Personal Details</th>
          </tr>
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="firstname" >First Name:</label></td>
    <td width="80%"><!--<input type="text" name="address" size = "35" value="{$memberInfo.firstname}"  class="required"  dataType="Require" msg="firstname is required!" /><span class="alert"> *</span>-->
    {$memberInfo.firstname}</td>
  </tr>
  <tr>

    <td width="20%" align="left" height="30"><label class="inputLabel" for="lastname">Last Name:</label></td>
    <td width="80%"><!--<input type="text" name="address" size = "35" value="{$memberInfo.lastname}"  class="required"  dataType="Require" msg="lastname is required!" /><span class="alert"> *</span>-->
    {$memberInfo.lastname}
    </td>
  </tr>
    <tr>
            <th colspan="2" height="30" style="padding-left:10px;font-weight:bold" align="left">2.Your Address</th>
          </tr>
  <tr>

    <td width="20%" align="left" height="30"><label class="inputLabel" for="Address">Address:</label></td>
    <td width="80%"><input type="text" name="address" size = "35" id="Address" value="{$memberShippingAddress.address}"    class="required"  dataType="Require" msg="Address is required!"  /><span class="alert"> *</span></td>
  </tr>
  
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="selCountries">Country:</label></td>
    <td width="80%">
     <select name="country" id="selCountries" onchange="loadRegion('selCountries',1,'selProvinces','{:U('Home-Ajax/getRegion')}');" class="required" style="font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;"  dataType="Require" msg="Country is required!" >
    
  <option value="">Please Select</option> 
  <volist name="Countries" id="vo"> 
  <option value="{$vo.id}" <eq name="memberShippingAddress['country']" value="$vo['id']">selected</eq>>{$vo.name}</option> 
  </volist>
  </select>

  <span class="alert"> *</span></td>
  </tr>
  
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="selProvinces">State/Province:</label></td>
    <td width="80%"><!--<input type="text" name="state" size = "35" value="{$memberShippingAddress.state}"  class="required" />-->
    <select name="state" id="selProvinces"  class="required"  dataType="Require" msg="State is required!" >
            <option value="0">Please Select</option>
             <volist name="state" id="vo"> 
  <option value="{$vo.id}" <eq name="memberShippingAddress['state']" value="$vo['id']">selected</eq>>{$vo.name}</option> 
  </volist>
    </select><span class="alert"> *</span>
    
    </td>
  </tr>
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="city">City or APO/FPO:</label></td>
    <td width="80%"><input type="text" name="city" id="city" size = "35" value="{$memberShippingAddress.city}"  class="required"  dataType="Require" msg="City is required!" /><span class="alert"> *</span></td>

  </tr>
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="zip">Zip/Postal Code:</label></td>

    <td width="80%"><input type="text" name="zip" id="zip" size = "35" value="{$memberShippingAddress.zip}"  class="required"  dataType="Require" msg="Zip/Postal Code is required!" /><span class="alert"> *</span></td>
  </tr>
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="telphone">Telephone:</label></td>
    <td width="80%"><input type="text" name="telphone"  id="telphone"  class="required" size = "35" value="{$memberShippingAddress.telphone}"  dataType="Require" msg="Telephone is required!" /><span class="alert"> *</span></td>
  </tr>

  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="fax">Fax Number:</label></td>
    <td width="80%"><input type="text" name="fax" id="fax"  class="required" size = "35" value="{$memberShippingAddress.fax}"  dataType="Require" msg="Fax Number is required!" /><span class="alert"> *</span></td>
  </tr>
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="isNewsletter">Newsletter:</label></td>
    <td width="80%"><input type="text" class="required" size = "35" name="isNewsletter" id="isNewsletter" value="{$memberShippingAddress.isNewseletter}"  dataType="Require" msg="Newsletter is required!" /><span class="alert"> *</span></td>

  </tr>
  <tr>
    <td width="20%" align="left" height="30"><label class="inputLabel" for="email">E-mail Address:</label></td>
    <td width="80%"><input type="text" name="email"  class="required email" id="email" size = "35" value="{$memberInfo.email}"  dataType="Email" msg="Email format is not correct!" /><span class="alert"> *</span></td>
  </tr>
</table>
                    <div class="buttonRow"><input type="image" src="../Public/images/button_submit.gif" alt="Submit the Information" title=" Submit the Information " /></div> 
                  </fieldset>
                  </form>
            </div>
          </div>
        </div>
      </div>
    </div>

